<template>
    <div class="container">
        <router-view name="status"></router-view>
        <router-view name="header"></router-view>
        <router-view name="topic-list"></router-view>
        <router-view name="footer"></router-view>
    </div>
</template>

<script>
export default {
    name: 'Home',
    data() {
        return {
            total: 0 ,
            topics: [],
            pageSize: 3 ,
            currentPage: 1
        };
    }
}
</script>

<style>
.container {
    background: #fff;
}
</style>